<link rel="stylesheet" href="../css/frame1.css?v=1.0.1">
<style>
    .filter {
        top: 0
    }
</style>

<div id="view" v-cloak>
    <div class="filter">
        <!-- 筛选条件 -->
        <ul class="filter-wrap flex-a">
            <li class="f-list flex-c" id="time" onclick="selectFilter('time')">
                <span class="time">最新发布</span>
                <i class="aui-iconfont aui-icon-down"></i>
            </li>
            <li class="f-list flex-c" id="sex" onclick="selectFilter('sex')">
                <span class="sex">不限性别</span>
                <i class="aui-iconfont aui-icon-down"></i>
            </li>
            <li class="f-list flex-c" id="city" onclick="_showCity()">
                <span class="city">不限地区</span>
                <i class="aui-iconfont aui-icon-down"></i>
            </li>
        </ul>
        <!-- <p class="frame1_notice" style="font-size: 12px;">健康约会，请勿广播低俗内容及联系方式，一经发现将作删除处理</p> -->
    </div>
    <!-- 个人广播 -->
    <ul class="wrap">
        <li class="list" v-for="(m, index) in ffList" @click="_url({id:m.dy_id, url:'frame1/dy_detail', title:'详情'})">
            <div class="flex-bt" style="align-items:flex-start;">
                <div class="left flex">
                    <div class="tx flex-c img-h" @click.stop @click="go_userInfo(m.id, m.name, m.sex)">
                        <img :src="imgurl+m.head_100" @load="imgCss(imgurl+m.head_100, $event)"
                            onerror="this.onerror=null;this.src='../image/touxiang.png'" alt="">
                        <i class="base-icon dy-male-icon" v-if="m.sex == '男'"></i>
                        <i class="base-icon dy-female-icon" v-if="m.sex == '女'"></i>
                    </div>
                    <div>
                        <div class="name-wrap flex">
                            <span class="name">{{m.name}}</span>
                            <span v-if="m.nvshen==1" class="girl-tag tag"></span>
                            <span v-if="m.is_identity_authentication==2" class="real-tag tag"></span>
                            <span v-if="m.is_vip >0" class="vip-tag tag"></span>
                            <!-- <i v-if="m.is_vip >0" class="base-icon dy-vip-icon" style="width: 25px;"></i>
                                <i v-if="m.is_identity_authentication >0 && m.sex != '女'" class="base-icon dy-real-icon" style="width: 32px;"></i>
                                <i v-if="m.is_identity_authentication >0 && m.sex == '女'" class="base-icon dy-girl-icon" style="width: 32px;"></i> -->
                        </div>
                        <span class="time">{{m.addtime}}</span>
                    </div>
                </div>
                <!-- <div class="more flex-c" @click.stop="more(m.dy_id);">
                        <i class="aui-iconfont aui-icon-more"></i>
                    </div> -->
            </div>
            <div class="dy-content-wrap new-padding-10">
                <div class="tri"></div>
                <ul class="ul">
                    <li class="li">
                        <i class="base-icon dy-theme-icon"></i>
                        <div class="dy-content">{{themeObj[m.category_id]}}</div>
                    </li>
                    <li class="li" v-if="m.datetime">
                        <i class="base-icon dy-time-icon"></i>
                        <div class="dy-content">{{m.datetime}}</div>
                    </li>
                    <li class="li" v-if="m.call">
                        <i class="base-icon dy-person-icon"></i>
                        <div class="dy-content">{{m.call}}</div>
                    </li>
                    <li class="li" v-if="m.filter">
                        <i class="base-icon dy-money-icon"></i>
                        <div class="dy-content" v-if="m.filter != '不限'">￥{{m.filter}}</div>
                        <div class="dy-content" v-else>{{m.filter}}</div>
                    </li>
                    <li class="li" v-if="m.citys">
                        <i class="base-icon dy-area-icon"></i>
                        <div class="dy-content">{{m.citys}}</div>
                    </li>
                    <li class="li" v-if="m.content">
                        <i class="base-icon dy-content-icon"></i>
                        <div class="dy-content">{{m.content}}</div>
                    </li>
                </ul>
                <div class="img-wrap flex-w" v-if="m.sumbImage && m.sumbImage.length > 0 && m.sumbImage[0]">
                    <div class="img img-h" v-for="(s, sindex) in m.sumbImage" @click.stop
                        @click="_url({imgArr:m.masterimg, iIndex:sindex, url: 'frame1/dy_img', title: '查看图片'})">
                        <img :src="imgurl+s" @load="imgCss(imgurl+s, $event)"
                            onerror="this.onerror=null;this.src='../image/error-img.png'" alt="">
                    </div>
                </div>
            </div>
            <div class="footer">
                <ul class="ul flex-a">
                    <li class="li" @click.stop @click="zan(m.dy_id, index)">
                        <i class="base-icon dy-nozan-icon" :class="{'dy-zan-icon':m.isthumbsup == 1}"></i>
                        <span>{{ m.num }}</span>
                    </li>
                    <!-- <li class="li" v-if="m.id != myuserid" @click.stop @click="addComment(m.dy_id, m.id)">
                        <i class="base-icon dy-comment-icon"></i>
                        <span>评论</span>
                    </li> -->
                    <li class="li" >
                        <i class="base-icon dy-comment-icon"></i>
                        <span>评论</span>
                    </li>
                    <li class="li" v-if="myuserid != m.id && m.type == 1" @click.stop
                        @click="joinEnroll(m.dy_id, index)">
                        <i class="base-icon dy-nobaoming-icon" :class="{'dy-baoming-icon':m.self_enroll == 1}"></i>
                        <span v-if="m.self_enroll == 0">我要报名({{m.enroll}})</span>
                        <span v-if="m.self_enroll == 1" style="color: #673AB7;">取消报名({{m.enroll}})</span>
                    </li>
                    <li class="li" v-if="myuserid == m.id  && m.type == 1">
                        <i class="base-icon dy-nobaoming-icon"></i>
                        <span>报名人数({{m.enroll}})</span>
                    </li>
                </ul>
            </div>
            <div class="over" v-if="m.overdue == 1"></div>
        </li>
        <div id="no_more"></div>
    </ul>
    <div class="input-bg new-hide">
        <div class="input-wrap">
            <input type="text" placeholder="说点什么">
            <button class="send-btn" @click.stop="send()">发送</button>
        </div>
    </div>
</div>
<div class="new-hide" id="modal-wrap"></div>
<script src="../script/area.js?v=1.0.1"></script>
<script src="../script/frame1.js?v=1.0.1"></script>
<script>
    category_id = pageParam['category_id'];
    getData(0);
    getTheme();
</script>